<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <title>伟东后台管理系统</title>
    <meta charset="UTF-8">
    <link rel="Shortcut Icon" href="/static/favicon.ico">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=0" name="viewport">-->
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" href="/static/login/css/style.css" th:href="@{/static/login/css/style.css}" />
    <link rel="stylesheet" href="/static/login/css/style.css" th:href="@{/static/lib/layui/css/layui.css}" />
    <!-- 提示升级高级浏览器操作 -->
    <style>
        .ie-content{  position: fixed; left: 0; top: 0; right: 0; bottom:0; background:#fff; z-index: 1000;}
        /*.ie-content-bj{ width: 1000px; height: 380px; position: fixed; left: 50%; top: 36%; margin:-190px 0 0 -500px; background:url(img/sj.jpg) no-repeat; }*/
        .ie-list{ padding:168px 0 0 371px; }
        .ie-list a{ margin-right: 80px; }

        #particles-js {
            width: 100%;
            height: 100%;
            /* background: #000; */
            background-size: cover;
            background-position: 50% 50%;
            background-repeat: no-repeat;
        }
        .layui-form>input{
            width: 100%;
        }
        .form-bottom{
            margin-top: 65px;
        }
        .layui-form-checkbox[lay-skin=primary] span{
            color:white;
        }

    </style>
</head>
<body class="body_bj">
<div id="particles-js">
    <div class="login">
        <div class="logo">
            <img src="/static/login/img/logo.jpg" alt="">
        </div>
        <ul class="login-list">
            <form class="layui-form" action="/login" method="post" >
                <div class="layui-form-item">
                    <div class="layui-col-md12">
                          <input  type="text" iscookie="true" name="loginName" required  lay-verify="required" placeholder="请输入用户名" class="loginName">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-col-md12">
                        <input type="password" iscookie="true" name="password" required lay-verify="required" placeholder="请输入密码" class="password">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-col-md8">
                        <input type="text" name="captcha" required lay-verify="required" placeholder="请输入验证码" class="captcha">
                    </div>
                    <div class="layui-col-md4">
                        <img src="login/img/yzm.jpg" th:src="@{/public/imgCaptcha.png}" class="imgcode" alt="" style="width: 100px;margin-top:3px;height: 38px;border-radius: 5px;float: right;cursor: pointer">
                    </div>
                </div>
                <div class="layui-col-md12">
                    <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="formDemo">登录</button>
                </div>
                <div class="form-bottom">
                    <div class="layui-col-md6">
                        <input  type="checkbox" name="rememberme" lay-skin="primary" class="rememberme"  id="rememberme" title="记住密码?">
                    </div>
                    <div class="layui-col-md6">
                        <a style="color: white;float: right;" th:href="@{/}">忘记密码?</a>
                    </div>
                </div>
            </form>
        </ul>
    </div>
</div>
<!--[if lt IE 8]>
<div class="ie-content">
    <div class="ie-content-bj">
        <div class="ie-list">
            <a href="http://www.google.cn/intl/zh-CN/chrome/browser/"><img src="/static/img/sj1.jpg" alt=""></a>
            <a href="http://www.firefox.com.cn/"><img src="/static/img/sj2.jpg" alt=""></a>
            <a href="http://chrome.360.cn/"><img src="/static/img/sj3.jpg" alt=""></a>
        </div>
    </div>
</div>
<![endif]-->

<script type="text/javascript" src="js/jquery.min.js" th:src="@{/static/js/jquery.min.js}"></script>
<script type="text/javascript" src="js/jquery.min.js" th:src="@{/static/js/jquery.cookie.js}"></script>
<script type="text/javascript" src="layui/layui.js" th:src="@{/static/lib/layui/layui.js}"></script>
<script type="text/javascript" src="js/particles.min.js" th:src="@{/static/js/particles.min.js}"></script>
<script type="text/javascript" src="js/particles.min.js" th:src="@{/static/login/js/backgrpundEffect.js}"></script>
<script type="text/javascript" src="js/particles.min.js" th:src="@{/static/login/js/login.js}"></script>

<!-- 验证插件 -->
<script src="../static/ajax/libs/validate/jquery.validate.min.js" th:src="@{/static/lib/validate/jquery.validate.min.js}"></script>
<script src="../static/ajax/libs/validate/messages_zh.min.js" th:src="@{/static/lib/validate/messages_zh.min.js}"></script>
</body>
</html>